<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>LOADING1</title>
		<link rel="stylesheet" href="style.css">
	</head>
	<body>
		<div class="loading-container">
			<svg class="svg-loading" xmlns="http://www.w3.org/2000/svg" version="1.1" width="240" height="240">
				<circle cx="120" cy="120" r="80" fill="transparent" stroke="#373a42" stroke-width="2"/>
				<circle cx="120" cy="120" r="100" fill="transparent" stroke="#373a42" stroke-width="2"/>
				<path d="M 20 120 A 50 50 0 1 1 220 120" fill="transparent" 
				stroke="#336699" stroke-width="4" id="path-1"/>
				<path d="M 40 120 A 40 40 0 1 1 200 120" fill="transparent" 
				stroke="#99cc00" stroke-width="4" id="path-2"/>
				<text x="82.795" y="124" fill="grey" id="loading-text">LOADING</text>
			</svg>
		</div>
		<script src="index.js"></script>
	</body>
</html>
